import React, { Component } from 'react';
import { observer,inject } from 'mobx-react';
import store from '../store';

@inject('store')//将store中的数据注入当前组件
@observer
/*
在模块内用 @inject('Store')，将 Store 注入到 props 上,保证结构的一致性
使用 @observer ，将组件变为观察者，响应 name 状态变化。
当状态变化时，组件也会做相应的更新。
*/
class MyChange extends Component {
    changeName=(event)=>{
        const { store } = this.props;
        // this.props.store.name='张三'//最好不要直接改store，必须调用action的方法
        store.setName('张三')
    }
    render() {
        const { store } = this.props;
        return (
            <div>
                <h3>myChange组件获取store {store.name}</h3>
                <button onClick={this.changeName}>改变store</button>
            </div>
        );
    }
}

export default MyChange;
